﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegisterStep1.aspx.cs" Inherits="YY.Web.MyAgent.Register.RegisterStep1" %>

<%@ Register Src="~/Controls/TopControl.ascx" TagPrefix="uc1" TagName="TopControl" %>
<%@ Register Src="~/Controls/ButtomControl.ascx" TagPrefix="uc1" TagName="ButtomControl" %>



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代理商注册</title>
    <link type="text/css" href="/css/common.css" rel="stylesheet" />
    <link type="text/css" href="/css/register.css" rel="stylesheet" />
    <link href="/Jquery/Plugin/jautocombobox.css" rel="stylesheet" />
    <link href="/jQuery/Plugin/jquery.autocomplete.css" rel="stylesheet" />
    <link href="/jQuery/PlugIns/artdialog/ui-dialog.css" rel="stylesheet" type="text/css" />
    <link href="/skin/default/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" charset="utf-8" src="/jQuery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/jQuery/PlugIns/Validform/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/jQuery/PlugIns/artdialog/dialog-plus-min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/jQuery/PlugIns/webuploader/webuploader.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/jQuery/PlugIns/editor/kindeditor-min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/uploader.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/laymain.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/common.js"></script>

    <script src="/jQuery/Plugin/jquery.autocomplete.min.js"></script>
    <script type="text/javascript" src="/Jquery/Plugin/jAutoComboBox.js"></script>
    <script type="text/javascript">
        var AutoComboBox;
        $(function () {
            //初始化表单验证
            $("#form1").initValidform();
            /*初始化上传控件*/
            $(".upload-img").InitUploader({ filesize: "102400", sendurl: "/ajax/upload_ajax.ashx", swf: "/jQuery/PlugIns/webuploader/uploader.swf", filetypes: "gif,jpg,png,bmp", imgdisplay: ".imgdisplay-panel img", btntext: "上传" });
            
            /*上传文件赋值*/
            $("#img_idcard").attr("src", $("#txtIDCard").val());
            //初始化编辑器
            var editorMini = KindEditor.create('#txtContent', {
                width: '100%',
                height: '250px',
                filterMode: false, //默认不过滤HTML
                resizeType: 1,
                uploadJson: '/ajax/upload_ajax.ashx?action=EditorFile&IsWater=1',
                items: [
                    'source', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                    'insertunorderedlist', '|', 'image', 'link', 'fullscreen']
            });
            /*省市区*/
            AutoComboBox = $("#SelectArea").AutoComboBox({
                url: "GetAreaData.ashx",
                width: 600,
                item: { "province": "省份", "city": "城市", " county": "县区" },
                expandAnimation: "show",
                shrinkAnimation: "slideUp",
                splitchar: ',',
                complete: function (value, text) {

                }
            });
        });
        var isTrue1 = false;
        /*省市区赋值*/
        function AreaCode() {
            AutoComboBox.Methods.GetVal(AutoComboBox, function (value, text) {
                if (value == "") {
                    isTrue1 = false;
                    $("#span_err_Area").show();
                }
                else {
                    $("#span_err_Area").hide();
                    $("#hdfl_AreaCode").val(text);
                    $("#hdfl_AreaValue").val(value);
                    isTrue1 = true;
                }

            });
            return isTrue1;
        }
        function ValideControl() {

        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:HiddenField runat="server" ID="hdfl_AreaCode" />
        <asp:HiddenField runat="server" ID="hdfl_AreaValue" />
        <uc1:TopControl runat="server" ID="TopControl" />
        <!--register begin-->
        <div class="register">
            <!--注册步骤-->
            <div class="register-step">
                <ul>
                    <li class="cur">
                        <div class="cur-arrow"></div>
                        <div class="stepNum">1</div>
                        <div class="stepName">填写/提交信息及资料</div>
                        <div class="stepTxt">
                            <p>1.填写申请信息，提交资质</p>
                            <p>2.上传企业营业执照等有效资料</p>
                        </div>
                    </li>
                    <li class="step-line-done"></li>
                    <li>
                        <div class="cur-arrow"></div>
                        <div class="stepNum">2</div>
                        <div class="stepName">填写/验证手机号码</div>
                        <div class="stepTxt">
                            <p>1.填写有效手机号码。</p>
                            <p>2.填写有效验证码。</p>
                            <p>3.同意乐老族代理商协议。</p>
                        </div>
                    </li>
                    <li class="step-line"></li>
                    <li>
                        <div class="cur-arrow"></div>
                        <div class="stepNum">3</div>
                        <div class="stepName">等待乐老族审核</div>
                        <div class="stepTxt">
                            <p>1.乐老族7个工作日内给到审核</p>
                            <p>2.如提交资质未通过审核，请在15个工作日内修改并提交，逾期未提交，申请状态将被重置。</p>
                        </div>
                    </li>
                    <li class="step-line"></li>
                    <li>
                        <div class="cur-arrow"></div>
                        <div class="stepNum">4</div>
                        <div class="stepName">审核通过，成为代理商</div>
                        <div class="stepTxt">
                            <p>1.补全代理商档案。</p>
                            <p>2.冻结保证金、缴纳服务技术年费</p>
                            <p>3.推广乐老族，销售产品</p>
                        </div>
                    </li>
                </ul>
            </div>
            <!--注册步骤end-->
            <!--注册开始-->
            <div class="register-con">
                <div class="zcBt">填写/提交信息及资料</div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>用户名：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox name="" ID="txt_username" class="zcinput" runat="server"></asp:TextBox>
                        </span>
                        <%--<span class="ts1">4-20位，由中英文、数字、下划线组成</span>--%>
                        <%--<span class="ts2" style="display: none;">4-20位，由中英文、数字、下划线组成</span>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txt_username" ValidationGroup="name" CssClass="ts2" runat="server" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" CssClass="ts2" ValidationGroup="name" ValidationExpression="[\u4e00-\u9fa5_a-zA-Z0-9_]{4,20}" ControlToValidate="txt_username" ErrorMessage="4-20位，由中英文、数字、下划线组成"></asp:RegularExpressionValidator>

                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>真实姓名：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox type="text" name="" ID="txt_truename" class="zcinput" runat="server"></asp:TextBox>
                        </span>
                        <%--<span class="ts1">请输入真实的姓名</span>--%>
                        <%--<span class="ts2" style="display: none;">请输入正确的姓名</span>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txt_truename" CssClass="ts2" runat="server" ValidationGroup="name" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" CssClass="ts2" ValidationGroup="name" ValidationExpression="[\u4e00-\u9fa5]{2,8}" ControlToValidate="txt_truename" ErrorMessage="真实姓名不可包含字母、数字、特殊符号和非法词汇[2~8个汉字]"></asp:RegularExpressionValidator>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>密码：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox TextMode="Password" name="" ID="txt_pwd" class="zcinput" runat="server" />
                        </span>
                        <%--                        <span class="ts1">6-20位，建议由字母、数字和符号两种以上组成</span>
                        <span class="ts2" style="display: none;">6-20位，建议由字母、数字和符号两种以上组成</span>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="txt_pwd" CssClass="ts2" runat="server" ValidationGroup="name" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" CssClass="ts2" ValidationGroup="name" ValidationExpression="[\u4e00-\u9fa5_a-zA-Z0-9_]{6,20}" ControlToValidate="txt_pwd" ErrorMessage="6-20位，建议由字母、数字和符号两种以上组成"></asp:RegularExpressionValidator>

                        <div class="password-strength">
                            <div class="mm-high"></div>
                        </div>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>确认密码：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox TextMode="Password" name="" ID="txt_comfirepwd" class="zcinput" runat="server" />
                        </span>
                        <%--<span class="ts1">请再次输入密码</span>--%>
                        <%--<span class="ts2" style="display: none;">两次输入的密码不一致</span>--%>
                        <asp:CompareValidator ID="CompareValidator1" ControlToValidate="txt_comfirepwd" ControlToCompare="txt_pwd" CssClass="ts2" runat="server" ValidationGroup="name" ErrorMessage="两次输入的密码不一致"></asp:CompareValidator>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>身份证：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox type="text" name="" ID="txt_idcard" class="zcinput" runat="server" />
                        </span>
                        <%--<span class="ts1">请输入18位的身份证号</span>--%>
                        <%--<span class="ts2" style="display: none;">您输入的身份证号格式不正确</span>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" ControlToValidate="txt_idcard" CssClass="ts2" runat="server" ValidationGroup="name" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" CssClass="ts2" ValidationGroup="name" ValidationExpression="(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[X]|\d{3}[x])$)|(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)" ControlToValidate="txt_idcard" ErrorMessage="您输入的身份证号格式不正确"></asp:RegularExpressionValidator>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>身份证到期时间：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox type="text" name="" ID="txt_year" class="zcinput" Style="width: 65px;" runat="server" />
                        </span>
                        <span>年</span><span>
                            <asp:TextBox type="text" name="" ID="txt_month" class="zcinput" Style="width: 65px;" runat="server" />
                        </span>
                        <span>月</span><span>
                            <asp:TextBox type="text" name="" ID="txt_day" class="zcinput" Style="width: 65px;" runat="server" />
                        </span>
                        <span>日</span><span>|&nbsp;&nbsp;
                        <input type="checkbox">
                            &nbsp;长期</span>
                        <!--添加属性question-hover提示出现-->
                        <div class="question">
                            <a href="#">
                                <img src="/images/questionIcon.png"></a>
                            <div class="questionTips">
                                <i></i>
                                <p>1、身份证的有效期为长期的，是46周岁以上居民办理的身份证。</p>
                                <p>2、根据《居民身份证法》第一章第五条规定：“十六周岁以上公民的居民身份证的有效期限为10年、20年、长期。</p>
                                <p>3、16周岁至25周岁的公民发给有效期限10年的居民身份证，26周岁至45周岁的公民发给有效期限20年的居民身份证，46周岁以上的公民发给长期有效的居民身份证。 </p>
                                <p>4、未满十六周岁的公民，自愿申请领取居民身份证的，发给有效期五年的居民身份证。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>身份证正面：</div>
                    <div class="zcRight">
                        <span class="uploadArea">
                            <div>
                                <img src="/images/idcard_pic2.png" id="img_idcard">
                            </div>
                            <dd>
                                <input id="txtIDCard" class="input normal upload-path" type="hidden" />
                                <div class="upload-box upload-img"></div>
                            </dd>

                        </span><span class="id-sample"><strong>示例：</strong><img src="/images/idcard_pic5.jpg"><a href="#" class="enlarge" title="点击查看大图"></a></span><span class="idpic-tips">
                            <p>1.身份证照片、字迹清晰可见。</p>
                            <p>2.照片支持jpg、jpeg、bmp格式，最大不超过5M。</p>
                        </span>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>身份证反面：</div>
                    <div class="zcRight">
                        <span class="uploadArea">
                            <p>
                                <img src="/images/idcard_pic3.jpg">
                            </p>
                            <p>
                                <%--<a href="#">
                                    <img src="/images/uploadpic_btn.png"></a>--%>
                                <asp:TextBox ID="TextBox1" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span><span class="id-sample"><strong>示例：</strong><img src="/images/idcard_pic1.jpg"><a href="#" class="enlarge" title="点击查看大图"></a></span><span class="idpic-tips">
                            <p>1.身份证有效期需要再1个月之上。</p>
                            <p>2.身份证照片必须能看清楚有效期。</p>
                            <p>3.照片支持jpg、jpeg、bmp格式，最大不超过5M。</p>
                        </span>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>手持身份证：</div>
                    <div class="zcRight">
                        <span class="uploadArea">
                            <p>
                                <img src="/images/idcard_pic2.png">
                            </p>
                            <p>
                                <asp:TextBox ID="TextBox2" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span><span class="id-sample"><strong>示例：</strong><img src="/images/idcard_pic4.png"><a href="#" class="enlarge" title="点击查看大图"></a></span><span class="idpic-tips">
                            <p>1.五官清晰可见。</p>
                            <p>2.身份证照片、字迹清晰可见。</p>
                            <p>3.照片支持jpg、jpeg、bmp格式，最大不超过5M。</p>
                        </span>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>商户/企业全称：</div>
                    <div class="zcRight">
                        <span>
                            <asp:TextBox type="text" name="" ID="txt_business_name" class="zcinput" runat="server" />
                        </span>
                        <%--<span class="ts1">请输入真实的商户/企业全称</span>--%>
                        <%--<span class="ts2" style="display: none;">请输入正确的字符</span>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator6" ControlToValidate="txt_business_name" CssClass="ts2" runat="server" ValidationGroup="name" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" CssClass="ts2" ValidationGroup="name" ValidationExpression="^[u4e00-\u9fa5a-zA-Z0-9]{2,30}$" ControlToValidate="txt_business_name" ErrorMessage="请输入正确的字符"></asp:RegularExpressionValidator>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>企业证件上传：</div>
                    <div class="zcRight">
                        <span class="company-pic">
                            <p>营业执照</p>
                            <p>
                                <img src="/images/samplepicture.jpg">
                            </p>
                            <p>
                                <asp:TextBox ID="TextBox3" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span><span class="company-pic">
                            <p>税务登记证</p>
                            <p>
                                <img src="/images/samplepicture.jpg">
                            </p>
                            <p>
                                 <asp:TextBox ID="TextBox4" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span><span class="company-pic">
                            <p>组织机构代码证</p>
                            <p>
                                <img src="/images/samplepicture.jpg">
                            </p>
                            <p>
                               <asp:TextBox ID="TextBox5" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span><span class="company-pic">
                            <p>银行开户证</p>
                            <p>
                                <img src="/images/samplepicture.jpg">
                            </p>
                            <p>
                                 <asp:TextBox ID="TextBox6" runat="server" CssClass="input normal upload-path" type="hidden"></asp:TextBox>
                                <div class="upload-box upload-img"></div>
                            </p>
                        </span>
                        <span class="ts3">照片支持jpg、jpeg、bmp格式，最大不超过5M。</span>
                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft"><span class="redstar">*</span>企业联系地址：</div>
                    <div class="zcRight">
                        <%--<span>
                            <select class="selectList">
                                <option selected>江苏省南京市雨花台区</option>
                            </select>
                        </span>--%>
                        <div class="autoComboBox" style="float: left" id="SelectArea">
                            <span class="r-tips1">选择所在的省、市、县区</span><span class="r-tips2" id="span_err_Area" style="display: none; padding-top: -10px; padding-left: 23px; color: #f36639; background: url(/images/zc_tips2.png) no-repeat left center;">请选择地区</span>
                        </div>
                        <%--<span class="ts1">请选择省、市、区并填写具体地址</span>--%>
                        <%--<span class="ts2" style="display: none;">请输入正确的地址</span>--%>
                        <span class="addressTxt">
                            <asp:TextBox runat="server" ID="ta_address" TextMode="MultiLine"></asp:TextBox>
                        </span>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" ControlToValidate="ta_address" CssClass="ts2" ValidationGroup="name" runat="server" ErrorMessage="不允许为空！"></asp:RequiredFieldValidator>

                    </div>
                </div>
                <div class="zcItem">
                    <div class="zcLeft">&nbsp;</div>
                    <div class="zcRight">
                        <asp:LinkButton runat="server" PostBackUrl="RegisterStep2.aspx" ValidationGroup="name" OnClientClick="return  ValideControl();" class="next-submit">下一步</asp:LinkButton>
                    </div>
                </div>
            </div>
            <!--注册结束-->
        </div>
        <!--register end-->
        <uc1:ButtomControl runat="server" ID="ButtomControl" />
    </form>
</body>
</html>
